<template>
    <i class="lv-icon" :class="'icon-' + name" :style="style"></i>
</template>

<script>
    export default {
        name: "ICON",
        props: {
            size: {
                type: String,
                default: '35 35'
            },
            name: {
                type: String,
                default: ''
            }
        },
        data() {
            return {}
        },
        watch: {},
        computed: {
            style() {
                let size = this.size.split(' ')
                let w = Number(size[0]) / 75 + 'rem'
                let h = Number(size[1]) / 75 + 'rem'
                return {
                    width: w,
                    height: h,
                }
            }
        },
        components: {},
        created() {
        },
        methods: {},
    }
</script>

<style lang="scss">

</style>
